<!--项目列表-->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html  xmlns:th="http://www.thymeleaf.org">
<head>
    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <meta http-equiv="Content-Language" content="zh-CN"/>
    <script type="text/javascript" th:src="@{/js/jquery1.4.js}"></script>
    <script type="text/javascript" th:src="@{/js/bioV4.min.js}"></script>
    <script type="text/javascript" th:src="@{/js/jquery.lazyload.mini.js}"></script>
    <title>码虫服务平台-项目列表</title>
    <meta name="Keywords" content="投资机构"/>
    <meta name="Description" content="投资机构。"/>
    <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7"/>
    <link rel="stylesheet" type="text/css" th:href="@{/style/basic.css}"/>
    <link rel="stylesheet" type="text/css" th:href="@{/style/tzjg_list.css}"/>
    <script type="text/javascript" th:src="@{/js/function.js}"></script>
    <script type="text/javascript" th:src="@{/js/tzjg_list.js}"></script>
    <script type="text/javascript" th:src="@{/js/borsertocss.js}"></script><!-- 判断在IE9以下浏览器中根据像素的不同而设置的样式 -->
    <link rel="stylesheet" type="text/css" th:href="@{/css/base.css}">
    <link rel="stylesheet" type="text/css" th:href="@{/css/index.css}">
    <link rel="stylesheet" type="text/css" th:href="@{/css/bootstrap.min.css}">
</head>

<style type="text/css">
    #pc_nav ul li:hover div{
        display: inline-block;
    }
    #pc_nav ul li div{
        display: none;
        border-radius:2px;
        width: 200px;
    }
    #pc_nav ul li #di2{
        width:200px;
        height: 230px;
        background-color: white;
    }

    #pc_nav ul li #di2 a{
        /*text-decoration: none;*/
        list-style: none;
        height: 10px;
        width: 200px;
        margin-top: 5px;
        color: lightgrey;
        border:0px solid gainsboro;
        line-height:5px;
        width: 80%;
        text-align: center;
        display:block;
        font-size: 18px;
        margin-bottom: 20px;
        text-align: center;
        z-index: 9999;
    }
</style>
<body>



<!--头部代码开始-->

<div class="navbar navbar-fixed-top" style="_position: relative;_z-index: 10000;">
    <!--nav-->
    <nav id="pc_nav" class="container clearfix hidden-xs" style="background-color: white;"
         th:each="codeUser:${codeUsers}">
        <a href="http://www.baidu.com" th:href="@{/logged/loginIndex(userNo=${codeUser.userNo})}" class="fl mt10">
            <img th:src="@{/images/codeLogo.jpg}" width="120px" height="70px">
        </a>
        <ul class="fr clearfix">
            <li>
                <a href="http://www.baidu.com" th:href="@{/logged/loginIndex(userNo=${codeUser.userNo})}">首页</a></li>
            <li><span>|</span></li>
            <li><a href="#" th:href="@{/item/loginItemsList(userNo=${codeUser.userNo})}">项目</a></li>
            <li><span>|</span></li>
            <li>
            <span th:switch="${codeUser.type}">
                    <span th:case="1">
                      <a href="#" th:href="@{/item/releaseProject(userNo=${codeUser.userNo})}">项目发布</a>
                    </span>
                    <span th:case="2">
                       <a href="#">我的参与</a>
                    </span>
            </span>
            </li>
            <li><span>|</span></li>
            <li><a href="#" th:href="@{/help}">帮助</a></li>

            <li class="div2" style="width: 250px;text-align: center" >
                <span><a href="#"><img th:src="@{'/article/'+ ${codeUser.image}}"  height="60px" width="60px"></a></span>
                <div id="di2" class="div2x" style="z-index: 90;margin-top: 2px;">
                    <p><a style="width: 200px;text-decoration: none" th:text="'hello，'+${codeUser.nickName}">hello，xxx</a></p>
                    <hr />
                    <p><a style="width: 200px" th:href="@{/logged/userInformation(userNo=${codeUser.userNo})}">个人中心</a></p>
                    <hr />
                    <p><a style="width: 200px"th:href="@{/logged/moneyPay(userNo=${codeUser.userNo})}">我的开发宝</a></p>
                    <hr />
                    <p><a style="width: 200px"th:href="@{/item/myCollection(userNo=${codeUser.userNo})}">我收藏的项目</a></p>
                    <hr />
                    <p><a th:href="@{/logged/advise(userNo=${codeUser.userNo})}">我要建议</a></p>
                    <hr />
                    <p><a th:href="@{/}" style="width: 200px">退出登录</a></p>
                </div>
            </li>

        </ul>
    </nav>
</div>

<!--头部代码结束-->

<div style=" width: 100%;margin-top: 30px">
    <!-- Example row of columns -->
    <div class="row" style="margin-left: 10%">
        <div class="span12" style="padding-top: 20px;">

            <!--搜索-->
            <div class="clearfix">
                <div class="pull-left classifyDIV pt-10 my1D6597">如果您是开发者
                    <span>
                        <a href="rzClick()">点击此处认证开发者身份
                        </a>，可获得项目更多的信息,享受我们的服务
                    </span>
                </div>
                <div class="pull-right t-20 classifySearch" style="position: relative;">
                    <form action="" method="get" style="margin:0px; padding:0px;">
                        <input id="search-input" type="text" class="search-input pull-left span4" value=""/>
                        <a href="javascript:void(0);" title="搜索" class="search-btn-css pull-left search-btn"></a>
                    </form>
                </div>
            </div>
            <!--搜索结束-->


            <div class="mylistshow b-20 t-20" id="mmlistshow2">
                <div class="more"><img id="mmmore" th:src="@{/images/more_.jpg}"/></div>
                <dl class="mydllist">
                    <dd>项目类型：</dd>
                    <dd class="selected"><span class="ml"></span><span class="mm"><a href="">全部</a></span><span
                            class="mr"></span></dd>
                    <dd><span class="ml"></span><span class="mm"><a href="">web网站</a></span><span class="mr"></span>
                    </dd>
                    <dd><span class="ml"></span><span class="mm"><a href="">App开发</a></span><span class="mr"></span>
                    </dd>
                    <dd><span class="ml"></span><span class="mm"><a href="">微信公众号</a></span><span class="mr"></span>
                    </dd>
                    <dd><span class="ml"></span><span class="mm"><a href="">HTML5应用</a></span><span
                            class="mr"></span>
                    </dd>
                    <dd><span class="ml"></span><span class="mm"><a href="">小程序</a></span><span class="mr"></span>
                    </dd>
                    <dd><span class="ml"></span><span class="mm"><a href="">其他</a></span><span class="mr"></span>
                    </dd>
                    <br/>
                    <div style="border: 1px black;width: 940px;"></div>
                    <br/>
                    <dd>项目进度:</dd>
                    <dd class="selected"><span class="ml"></span><span class="mm"><a href="">全部</a></span><span
                            class="mr"></span></dd>
                    <dd><span class="ml"></span><span class="mm"><a href="">招募中</a></span><span class="mr"></span>
                    </dd>
                    <dd><span class="ml"></span><span class="mm"><a href="">开发中</a></span><span class="mr"></span>
                    </dd>
                    <dd><span class="ml"></span><span class="mm"><a href="">已结束</a></span><span class="mr"></span>
                    </dd>
                    <br/>
                    <div style="border: 1px black;width: 940px;"></div>
                    <br/>
                    <dd>项目角色:</dd>
                    <dd class="selected"><span class="ml"></span><span class="mm"><a href="#">全部</a></span><span
                            class="mr"></span></dd>
                    <dd><span class="ml"></span><span class="mm"><a href="">个人开发者</a></span><span class="mr"></span>
                    </dd>
                    <dd><span class="ml"></span><span class="mm"><a href="">团队开发者</a></span><span class="mr"></span>
                    </dd>
                </dl>
            </div>

            <!--第一个-->
            <div class="label-div b-30 border-all pb-20 pt-5">
                <div class="news-list">
                    <table style="border-collapse:separate; border-spacing:10px; width: 1000px">
                        <tr style="text-align: center">
                            <td class="itemstyle">项目封面</td>
                            <td class="itemstyle">项目名称</td>
                            <td class="itemstyle">项目类型</td>
                            <td class="itemstyle">项目周期</td>
                            <td class="itemstyle">项目金额</td>
                            <td class="itemstyle">操作</td>
                        </tr>
                        <tr th:each="items:${codeItems}" style="text-align: center">
                            <td class="itemstyle2" name="image" id="">
                                <img class="lazyloadimg" alt="标题标题标题标题标题标题" th:src="@{'/article/'+ ${items.itemImage}}"
                                     width="200px" height="200px"/>
                            </td>
                            <td class="itemstyle2" href="" name="itemname" th:text="${items.itemName}">项目名称</td>
                            <td class="itemstyle2" name="itemtype">
                                                    <span th:switch="${items.itemType}">
                                                            <span th:case="1">Web网站</span>
                                                            <span th:case="2">App开发</span>
                                                            <span th:case="3">微信公众号</span>
                                                            <span th:case="4">小程序</span>
                                                            <span th:case="5">HTML应用</span>
                                                            <span th:case="6">其他项目</span>
                                                    </span>
                            </td>


                            <td class="itemstyle2" name="day" th:text="${items.day}+'天'">项目周期</td>
                            <td class="itemstyle2" name="money" th:text="${items.money}">项目金额</td>
                            <td class="itemstyle2" th:each="codeUser:${codeUsers}">
                                <a th:href="@{/item/itemDetails(itemNo=${items.itemNo},userNo=${codeUser.userNo})}">查看详情</a>
                            </td>
                        </tr>
                    </table>
                </div>
            </div>
            <!--第一个结束-->

            <!--右侧代码-->
            <div style="position:absolute;top:130px;right:0">
                <div class="label-div t-20 border-all">
                    <div class="l-15">
                        <h3 class="label-title border-b b-15 small clearfix" style="padding-bottom: 14px;">关注咨询</h3>
                    </div>
                        <ul>
                            <li><a href="">标题标题标题标题标题标题题</a></li>
                            <li><a href="">标题标题标题标题标题标题题</a></li>
                            <li><a href="">标题标题标题标题标题标题题</a></li>
                            <li><a href="">标题标题标题标题标题标题题</a></li>
                            <li><a href="">标题标题标题标题标题标题题</a></li>
                            <li><a href="">标题标题标题标题标题标题题</a></li>
                            <li><a href="">标题标题标题标题标题标题题</a></li>
                            <li><a href="">标题标题标题标题标题标题题</a></li>
                            <li><a href="">标题标题标题标题标题标题题</a></li>
                            <li><a href="">标题标题标题标题标题标题题</a></li>
                        </ul>
                </div>
            </div>
            <!--右侧代码结束-->


        </div>
    </div>


    <div class="pagination center pagination-large pt-20">
        <ul id="yw1" class="yiiPager">
            <li class="previous"><a href="javascript:;">《</a></li>
            <li class="page"><a href="">1</a></li>
            <li class="page selected"><a href="">2</a></li>
            <li class="page"><a href="">3</a></li>
            <li class="page"><a href="">4</a></li>
            <li class="page"><a href="">5</a></li>
            <li class="page"><a href="">6</a></li>
            <li class="page"><a href="">7</a></li>
            <li class="next"><a href="javascript:;">》</a></li>
        </ul>
    </div>


    <!-- /container -->


    <!-- /container -->

</div>

<div class="footer">

    <!--<p class="fc999 b-5 footer-info">致力于前沿生物科技和成功商业模式的传播</p>-->
    <div class="clearfix" style="background:#EDEDED;">

        <!--<p class="fc999 pull-left footer-info">Copyright © 2013 生物探索网站<span class="l-20">苏ICP备11025281号</span></p>-->

        <ul class="about-ul">
            <li>客服电话 400-100-8884 - More Templates <a href="http://www.cssmoban.com/" target="_blank"
                                                      title="模板之家">模板之家</a></li>
            <li><span>|</span></li>
            <li><a title="广告投放" href="javascript:;" class="fc666" target="_blank">广告投放</a></li>
            <li><span>|</span></li>
            <li><a title="企业服务" href="javascript:;" class="fc666" target="_blank">企业服务</a></li>
            <li><span>|</span></li>
            <li><a title="公司博客" href="javascript:;" class="fc666" target="_blank">公司博客</a></li>
            <li><span>|</span></li>
            <li><a title="加入我们" href="javascript:;" class="fc666" target="_blank">加入我们</a></li>
            <li><span>|</span></li>
            <div class="clear"></div>
        </ul>
    </div>


</div>

</body>


</html>